@extends('layouts.back_stage')
@section('content')
    <style>
        table,th,td{text-align: center;border:1px solid #ccc;background:#fff;}
        .Hdiv{height:30px;}
        .Hnum{float:right;}
        .whole_ul{width:100%;height:auto;float:left;}
        .whole_ul .whole_li{width:150px;height:auto;float:left;margin: 20px 30px 0 0;}
        .whole_img{width:150px;height:150px;}
        .whole_del{margin: 20px 48px 0 48px;}
        .overBtn{float:right;margin:30px;}
    </style>
    <div class="container">
        <div style="padding:20px 0;"><h3>整手配货详情</h3></div>
        <table class="table">
            <tr>
                <th style="border-top:1px solid #ccc;" colspan="8">个么-北京</th>
            </tr>
            <tr>
                <td>款号</td>
                <td>5</td>
                <td>7</td>
                <td>9</td>
                <td>11</td>
                <td>13</td>
                <td>15</td>
                <td>17</td>
            </tr>
            <tr>
                <td>订单数量</td>
                <td>50</td>
                <td>50</td>
                <td>50</td>
                <td>50</td>
                <td>50</td>
                <td>50</td>
                <td>50</td>
            </tr>
            <tr>
                <td>已配货数量</td>
                <td>10</td>
                <td>10</td>
                <td>10</td>
                <td>10</td>
                <td>10</td>
                <td>10</td>
                <td>10</td>
            </tr>
            <tr>
                <td>剩余数量</td>
                <td>40</td>
                <td>40</td>
                <td>40</td>
                <td>40</td>
                <td>40</td>
                <td>40</td>
                <td>40</td>
            </tr>
        </table>
        <div style="padding:10px 0;"><h3>配货明细</h3></div>
        <div class="Hdiv"><h4 style="float:left;">整手配货</h4><h4 class="Hnum">已配：10</h4></div>
        <ul class="whole_ul">
            <li class="whole_li">
                <img class="whole_img" src="">
                <a href="javascript:;" class="btn btn-default whole_del">删除</a>
            </li>
        </ul>
        <a class="btn btn-info overBtn" href="JavaScript:;">完成配货</a>
    </div>
    <script>

    </script>
@endsection